// components/tab/tabDefault/tabDefault.js
Component({
  externalClasses: ['my-class'],
  /**
   * 组件的属性列表
   */
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },
  properties: {
    propData: {
      type: Array
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    show: 0, // 选项卡显示标识
    scrollWidth: 0 // 计算滑动容器宽度
  },
  ready: function () {
    let that = this;
    let width = that.properties.propData.length * 20; // 计算滑动容器宽度
    that.setData({
      'scrollWidth': width
    });
  },
  /**
   * 组件的方法列表
   */
  methods: {
    // 点击切换
    tab: function (e) {
      let that = this;
      let index = e.currentTarget.dataset.index;
      let eId = that.data.propData[index].id; // 当前节点数据id

      // 向父组件传值
      let myEventDetail = { tabHeadItemId: eId} // detail对象，提供给事件监听函数
      let myEventOption = {} // 触发事件的选项
      that.triggerEvent('myevent', myEventDetail, myEventOption);

      that.setData({
        'show': index
      });
    }
  }
})
